header {
    width: 100%;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 18px;
}

main {
    // width: 100%;
    height: 100%;
    background: url(../imgs/advertisement-bg.jpg) no-repeat center;
    background-size: cover;
    position: relative;

    .btn {
        width: 105px;
        height: 40px;
        display: flex;
        background: white;
        border-radius: 25px;
        text-align: center;
        line-height: 20px;
        padding: 10px 0;
        position: absolute;
        top: 28px;
        right: 25px;

        .time {
            flex: 1;
            border-right: 1px solid #bbb;
        }

        .skip {
            flex: 2;
        }
    }

    .text {
        width: 100%;
        text-align: center;
        font-size: 48px;
        font-family: SourceHanSansSC-bold;
        color: white;
        position: absolute;
        bottom: 124px;
        animation: text 1.2s linear;
    }
}

@keyframes text {
    0% {
        font-size: 10px;
        opacity: 0.2;
        bottom: 300px;
    }

    80% {
        font-size: 36px;
        opacity: .7;
        bottom: 100px;
    }

    100% {
        font-size: 48px;
        opacity: 1;
        bottom: 124px;
    }
}